<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>慢慢买--首页</title>
    <link rel="stylesheet" href="./css/index.css">
    <!-- <link rel="stylesheet" href="./lib/mui/css/mui.css"> -->
    <link rel="stylesheet" href="./lib/fontawesome/css/font-awesome.css">
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.css">
</head>

<body>
    <!--头部-->
    <header id="header">
        <a href="index.html" class="logo">
            <img src="./images/header_logo.png" width="186" height="25" alt="">
        </a>
        <a href="" class="app">
            <img src="./images/header_app.png" width="34" width="34" alt="">
        </a>
    </header>
    <!--头部-->
    <!--搜索框-->
    <section id="search">
        <form action="">
            <input type="text" placeholder="请输入你想比价的商品">
            <input type="submit" value="搜索">
        </form>
    </section>
    <!--搜索框-->

    <!--首页菜单-->
    <section id="menu">
        <!-- <div class="row">
            
            <div class="col-xs-3">
                <a href="category.html">
                    <img src="images/ic_search.png" alt="比价搜索">
                    <p>比价搜索</p>
                </a>
            </div>

            <div class="col-xs-3">
                <a href="moneyctrl.html">
                    <img src="images/ic_cu.png" alt="省钱控">
                    <p>省钱控</p>
                </a>
            </div>

            <div class="col-xs-3">
                <a href="inlanddiscount.html">
                    <img src="images/ic_coudanpin.png" alt="国内折扣">
                    <p>国内折扣</p>
                </a>
            </div>

            <div class="col-xs-3">
                <a href="baicaijia.html">
                    <img src="images/ic_bcj.png" alt="白菜价">
                    <p>白菜价</p>
                </a>
            </div>

            <div class="col-xs-3">
                <a href="moneyctrl.html">
                    <img src="images/haitao.png" alt="海淘折扣">
                    <p>海淘折扣</p>
                </a>
            </div>

            <div class="col-xs-3">
                <a href="coupon.html">
                    <img src="images/ic_temai.png" alt="优惠券">
                    <p>优惠券</p>
                </a>
            </div>

            <div class="col-xs-3">
                <a href="category.html">
                    <img src="images/ic_trend.png" alt="查历史价">
                    <p>查历史价</p>
                </a>
            </div>

            <div class="col-xs-3">
                <a href="#">
                    <img src="images/gengduo.png" alt="更多">
                    <p>更多</p>
                </a>
            </div>

            <div class="col-xs-3">
                <a href="gsproduct.html">
                    <img src="images/ic_coudanpin.png" alt="凑单品">
                    <p>凑单品</p>
                </a>
            </div>

            <div class="col-xs-3">
                <a href="category.html">
                    <img src="images/ic_kb.png" alt="口碑排行">
                    <p>口碑排行</p>
                </a>
            </div>

            <div class="col-xs-3">
                <a href="sitenav.html">
                    <img src="images/ic_mall.png" alt="商城导航">
                    <p>商城导航</p>
                </a>
            </div>

            <div class="col-xs-3">
                <a href="brandTitle.html">
                    <img src="images/ic_pp.png" alt="品牌大全">
                    <p>品牌大全</p>
                </a>
            </div>

        </div> -->
    </section>
    <!--首页菜单-->

    <!--超值折扣-->
    <section id="recommen">



    </section>
    <!--超值折扣-->

    <!-- 更多折扣 -->
    <div id="recommen-more">
        <a href="#">更多优惠信息&gt;&gt;</a>
    </div>
    <!-- 更多折扣 -->

    <!-- 品牌排行 -->
    <div id="recommen-title">
        <h5>品牌排行</h5>
        <img src="./images/header_app.png" width="25px" height="25px" alt="">
    </div>
    <!-- 品牌排行 -->

    <!-- 底部 -->
    <footer id="footer">
        <div class="rr">
          <div class="col-xs-4">
            <a href="">登录</a>
          </div>
          <div class="col-xs-4">
            <a href="">注册</a>
          </div>
          <div class="col-xs-4">
            <a href="#">返回顶部</a>
          </div>
        </div>
        <p><a href="">手机app下载</a><a href="">慢慢买手机版</a> - 掌上比价平台</p>
        <p>m.manmanbuy.com </p>
      </footer>
    <!-- 底部 -->

</body>

</html>
<!-- 首页菜单  渲染 -->
<script type="text/html" id="menuTpl">
    <div class="row">
        {{each arr item index}}
        <div class="col-xs-3">
            <a href="{{item.titlehref}}">
                {{@item.img}}
                <p>{{item.name}}</p>
            </a>
        </div>
        {{/each}}
    </div>
</script>

<!-- 超值折扣 -->
<script type="text/html" id="recTpl">

    <div class="r-title">
        <h5>超值折扣推荐</h5>
        <img src="./images/header_app.png" width="25" width="25"" alt="">
    </div>
     {{each arr item value}}
    <div class="r-list">
        <div class="media">
            <a href="moneyproduct.html?productid=20 " class=" m-left">
                    {{@item.productImgSm}}
            </a>
            <div class="m-right">
                <a href="moneyproduct.html?productid=20">
                    <h5>{{item.productName}}</h5>
                    <p class="price">{{item.productPinkage}}</p>
                    <span class="from">{{item.productFrom}} | {{item.productTime}}</span>
                    <span class="comment">
                        <i class="fa fa-commenting-o">
                        </i>
                        1
                    </span>
                </a>
            </div>
        </div>
    </div>
     {{/each}}
</script>
<!-- <script src="./lib/mui/js/mui.js"></script> -->
<script src="./lib/zepto/zepto.js"></script>
<script src="./lib/arttemplate/template-web.js"></script>
<script src="./js/index.js"></script>
<script src="./lib/bootstrap/js/bootstrap.js"></script>